<template>
<div class="home">
  <div class="all">
      <img :src="showTrue_img"  class="backgroundImg"/>
      <div class="first_log"></div>
      <router-link class="first_btn" to='./design'></router-link>
      <div class="first_footer">
          <div class="first_footer_chinese">纵仰青年服饰定制</div>
          <div class="first_footer_english">ZOOM YOUNG DRESS CUSTOM</div>
      </div>
  </div>
</div>
</template>
<script>
export default {
  name: 'home',
  data () {
    return {
      timerOut:'',
      interVal:'',
      showTrue_img:'http://file.zoomyoung.cn/web/img/background.png'
    }
  },
  mounted(){    
    var _this=this;
    _this.interVal=setInterval(function(){
      _this.showTrue_img="http://file.zoomyoung.cn/web/img/background.png"
     _this.timer=setTimeout(function(){
      _this.showTrue_img="http://file.zoomyoung.cn/web/img/backgroundError.png"
       clearTimeout(_this.timer);
     },100)
    },500);
  },
  destroyed(){
    clearInterval(this.interVal);
  },
}
</script>


<style scoped>
    .home{width: 100%;height: 100%;position: fixed;}
    .all{width: 100%;height: 100%;position: relative;}
    .backgroundImg{width: 100%;position: absolute;left: 0;top: 0;}
    .first_log{width: 100%;height: 55.2%;position: absolute;left: 0;top:9.4%;background-image: url('http://file.zoomyoung.cn/web/img/title.png');background-repeat: no-repeat;background-size: 100%}
    .first_btn{width: 67.5%;height: 120px;position: absolute;top:67.6%;left: 16.3%;background-image:url("http://file.zoomyoung.cn/web/img/button.png");background-repeat: no-repeat;background-size:100%;background-position: center;}
    .first_footer{width:82.3%;height: 79px;position: absolute;left: 8.9%;bottom: 40px;font-family: PingFangSC-Medium;color: #2091C2;letter-spacing: 10px;}
    .first_footer_chinese{width: 47.7%;height: 40px;line-height: 40px;font-size: 28px;margin-left: 29.8%;letter-spacing: 4px;}
    .first_footer_english{width: 100%;height:37px;line-height:36px;font-size: 28px;letter-spacing: 7px;}
</style>
